<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- Your app title -->
    <title>My App</title>
    <!-- Path to Framework7 Library CSS, iOS Theme -->
    <link rel="stylesheet" href="dist/css/framework7.ios.min.css">
    <!-- Path to Framework7 color related styles, iOS Theme -->
    <link rel="stylesheet" href="dist/css/framework7.ios.colors.min.css">
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="dist/css/my-app.css">
    <link rel="stylesheet" href="dist/css/my-app.css">
</head>
<body>
<!-- Status bar overlay for full screen mode (PhoneGap) -->
<div class="statusbar-overlay"></div>
<!-- Panels overlay-->
<div class="panel-overlay"></div>
<!-- Left panel with reveal effect-->
<div class="panel panel-left panel-reveal">
    <div class="content-block">
        <p>Left panel content goes here</p>
    </div>
</div>
<!-- Views -->
<div class="views">
    <!-- Your main view, should have "view-main" class -->
    <div class="view view-main">

        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through toolbar-through">
            <!-- Page, "data-page" contains page name -->
            <div data-page="aaaaa" class="page">
                <!-- Scrollable page content -->
                <div class="page-content">
                    <div class="statusbar-overlay"></div>
                    <div class="beijing-index">
                        <div class="share-top">
                            <img src="../img/share/share-top.png" alt="">
                        </div>
                        <div class="share-title">
                            参与步骤
                        </div>
                        <div class="share-list">
                            <div class="share-content">
                                <li>1.将叮当到家活动页面分享到微信好友、朋友圈、微博等社交平台</li>
                                <li>2.您的好友通过您分享的链接注册下单，您即刻获得一张70元金牌保洁优惠券。</li>
                                <li>3.优惠券有效期1个月，每邀请1位好友获得一张，三张封顶。</li>
                            </div>
                        </div>
                        <div class="share-btn">
                            <img src="../img/share/share-button.png" alt="">
                            <a href="#"></a>
                        </div>

                    </div>
                </div>

                <div class="share-operation" style="display: none">
                    <div class="share-head">
                        <img src="../img/share/tishi.png" alt="">
                    </div>
                </div>

            </div>

                </div>
            </div>
        </div>
        <!-- Bottom Toolbar-->
        <div class="toolbar">
            <div class="toolbar-inner">
                <!-- Toolbar links -->
                <a href="#" class="link">Link 1</a>
                <a href="#" class="link">Link 2</a>
            </div>
        </div>
    </div>
</div>
<!-- Path to Framework7 Library JS-->
<script type="text/javascript" src="dist/js/framework7.min.js"></script>
<!-- Path to your app js-->
<script type="text/javascript" src="js/my-app.js"></script>
</body>
</html>